<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link type="text/css" href="estilo/formulario.css" rel="stylesheet"  />
<script type="text/javascript" src="js/jquery-latest.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>


<script type="text/javascript">
$(document).ready(function() {
	$("#link").val(document.referrer);
	 
	$().ajaxStart(function() {
        $("#loading").show();
        $("#myform").hide();
    }).ajaxStop(function() {
        $('#loading').hide();
        $('#bienvenida').fadeIn('slow');
    }).ajaxError(function(a, b, e) {
			throw e;
	});

	var v = jQuery("#myform").validate({
			
			submitHandler: function(form) {
				jQuery(form).ajaxSubmit({
					target: "#bienvenida",
					success: function(data) {
						$("#bienvenida").html(data);
					}
				});
			
			}
		});

});
</script>
</head>

<body>
<div id="bienvenida">
<div id="loading" style="background:url(imagen/loading.gif) 50% no-repeat; width:100%; height:310px;"></div>
<form id="myform" class="wufoo " enctype="multipart/form-data" method="post" action="recomendar-perla-email.php">
  <div class="info">
  	<h2>Recomendar esta perla literaia a un amigo</h2>
    <div>Complete la siguiente información y presione el botón enviar:</div>
  </div>
  <ul>
    <li>
      <label id="title1" class="desc" for="Field1">Email de tu amigo: <span id="req_1" class="req">*</span> </label>
      <input id="email-amigo" class="field text large email required" name="email-amigo" tabindex="1" type="text" maxlength="70" value="" />
      <p class="instruct " id="instruct1"><small>Escriba un email válido.</small></p>
    </li>
    <li>
      <label class="desc" id="title2" for="Field2">Tu Nombre: <span id="req_1" class="req">*</span> </label>
      <div>
        <input id="nombre" class="field text large required" name="nombre" tabindex="2" type="text" maxlength="70" value="" />
      </div>
      <p class="instruct " id="instruct2"><small>Escribe tu nombre.</small></p>
    </li>
    <li>
      <label class="desc" id="title2" for="Field2">Tu Correo Electrónico: <span id="req_1" class="req">*</span> </label>
      <div>
        <input id="email" class="field text large email required" name="email" tabindex="3" type="text" maxlength="70" value="" />
      	<input id="link" name="link" type="hidden" value="" />
      </div>
      <p class="instruct " id="instruct2"><small>Escriba un email válido.</small></p>
    </li>
    <li class="buttons">
		<input id="saveForm" class="btTxt submit" type="submit" tabindex="4" value="Enviar" />
		<input id="reset" class="btTxt" type="reset" value="Limpiar" tabindex="5" />
    </li>
  </ul>
</form>
</div>
</body>
</html>
